<style>
    .header {
        display: flex;
        align-items: stretch;
        min-height: 3em;
        background: black;
        justify-content: space-between;
    }

    .header .item {
        display: flex;
        align-items: center;
        padding: 0 0.7em;
        word-break: keep-all;
    }

    .header .menu {
        display: flex;
    }

    .header>* {
        cursor: pointer;
    }

    .header .menu .item {
        background: none;
        height: 100%;
        display: flex;
        align-items: center;
    }

    .header .menu .item:hover {
        background: #080808;
    }

    .header .menu .item .cur {
        background: #464646;
    }
</style>

<dom>
    <div class="header">
        <div class="item">
            <b name="site_name" style="font-size:1.2em;">FrontForge</b>
        </div>
        <div class="menu">
        </div>
    </div>
</dom>